<!-- 页面说明 -->

<template>
	<benben-popup v-model="show" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
		<view class="">
			<view class=' homePage_fd2_0'>
				<scroll-view scroll-y style="height: 410rpx;">
					<view class='flex flex-wrap align-center homePage_fd2_0_c1' v-for="(item,index) in list"
						:key="index" @click="confirm(item)">
						<view class='flex flex-direction flex-wrap align-stretch homePage_fd2_0_c0_c0'>
							<view class='flex flex-wrap align-center' style="align-items: baseline;">
								<text class='homePage_fd2_0_c0_c0_c0_c0'>￥</text>
								<text class='homePage_fd2_0_c0_c0_c0_c1' v-if="isInteger(Number(item.money))">{{item.money-0}}</text>
								<text style="font-size: 40rpx;" class='homePage_fd2_0_c0_c0_c0_c1' v-if="isInteger(Number(item.money))">{{item.money-0}}</text>
							</view>
							<view class='flex flex-wrap align-center justify-center homePage_fd2_0_c0_c0_c1'>
								<text class='homePage_fd2_0_c0_c0_c1_c0'>满</text>
								<text class='homePage_fd2_0_c0_c0_c1_c0'>{{item.min_order_money -0}}</text>
								<text class='homePage_fd2_0_c0_c0_c1_c0'>减</text>
							</view>
						</view>
						<view class='flex flex-direction flex-wrap align-stretch flex-sub homePage_fd2_0_c0_c1'>
							<view class='flex flex-wrap align-center'>
								<text class='homePage_fd2_0_c0_c1_c0_c0'>{{item.name}}</text>
							</view>
							<view class='flex flex-wrap align-center homePage_fd2_0_c0_c1_c1'>
								<text class='homePage_fd2_0_c0_c1_c1_c0'>{{item.content}}</text>
							</view>
							<view class='flex flex-wrap align-center homePage_fd2_0_c0_c1_c2'>
								<text class='homePage_fd2_0_c0_c1_c1_c0'>{{(item.start_time||"").slice(0,10)}} ~
 {{(item.end_time||"").slice(0,10)}}</text>
							</view>
						</view>
					</view>
				</scroll-view>
			</view>
		</view>
	</benben-popup>
</template>

<script>
	export default {
		props: {
			value: Boolean,
			list: {
				type: Array,
				default () {
					return []
				}
			}
		},
		computed: {
			show: {
				get() {
					return this.value
				},
				set(val) {
					this.$emit("input", val)
				}
			}
		},
		methods: {
			confirm(info = {}) {
				this.show = false;
				this.$emit("confirm", info);
			},
			isInteger(obj) {
				return obj % 1 === 0
			},
		},
	}
</script>

<style lang="scss" scoped>
	.homePage_fd2_0_c4 {
		background: linear-gradient(165deg, #BB4833 0%, #962F1D 100%);
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		width: 396rpx;
		line-height: 54rpx;
		font-size: 34rpx;
		color: #fff;
		height: 54rpx;
		box-shadow: 5rpx 4rpx 4rpx 1rpx rgba(161, 55, 35, 0.16);
		margin: 17rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd2_0_c3 {
		width: 50rpx;
		height: 50rpx;
		position: absolute;
		right: 0rpx;
		top: 7rpx;
	}

	.homePage_fd2_0_c2_c0 {
		color: #999999;
		font-size: 17rpx;
		font-weight: 400;
		width: 254rpx;
		text-align: center;
	}

	.homePage_fd2_0_c1 {
		background: url(https://www.guochaoxiaoju.com/uploads/mini/722.png) no-repeat;
		height: 126rpx;
		width: 401rpx;
		background-size: 100% auto;
		padding: 0rpx 0rpx 0rpx 0rpx;
		margin: 24rpx 0rpx 15rpx 0rpx;
	}

	.homePage_fd2_0_c0_c1_c2 {
		color: rgba(51, 51, 51, 1);
		font-size: 20rpx;
	}

	.homePage_fd2_0_c0_c1_c1_c0 {
		color: #999999;
		font-size: 16rpx;
		font-weight: 400;
	}

	.homePage_fd2_0_c0_c1_c1 {
		margin: 17rpx 0rpx 5rpx 0rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 20rpx;
	}

	.homePage_fd2_0_c0_c1_c0_c0 {
		color: #333333;
		font-size: 23rpx;
		font-weight: 400;
	}

	.homePage_fd2_0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 47rpx;
	}

	.homePage_fd2_0_c0_c0_c1_c0 {
		color: #FCF8F2;
		font-size: 19rpx;
		font-weight: 400;
	}

	.homePage_fd2_0_c0_c0_c1 {
		color: #FCF8F2;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 28rpx;
	}

	.homePage_fd2_0_c0_c0_c0_c1 {
		color: #FCF8F2;
		font-size: 52rpx;
		font-weight: 400;
	}

	.homePage_fd2_0_c0_c0_c0_c0 {
		color: #FCF8F2;
		font-size: 17rpx;
		font-weight: 400;
	}

	.homePage_fd2_0_c0_c0 {
		margin: 0rpx 0rpx 0rpx 19rpx;
	}

	.homePage_fd2_0_c0 {
		background: url(https://www.guochaoxiaoju.com/uploads/mini/700.png) no-repeat;
		height: 126rpx;
		width: 401rpx;
		background-size: 100% auto;
		padding: 0rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd2_0 {
		background: url(https://www.guochaoxiaoju.com/uploads/mini/721.png) no-repeat;
		width: 646rpx;
		height: 513rpx;
		background-size: 100% auto;
		padding: 52rpx 62rpx 45rpx 183rpx;
	}
</style>